<template>
	<navbar title="报名列表" :isBack="true"></navbar>
	<view class="page">
		
		<view class="" style="height: 100rpx;border-radius: 20rpx;background-color: white;margin-bottom: 20rpx;display: flex;align-items: center;padding: 0 20rpx;" v-for="item in list">
			<image :src="item.avatar" style="width: 50rpx;height: 50rpx;" mode="aspectFill"></image>
			<view class="" style="margin-left: 20rpx;">
				{{item.nick_name}}
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
	import {speedEnrollRecord} from '@/service/api/speed'
	import { onLoad, onShow } from '@dcloudio/uni-app'
	import {ref,reactive} from 'vue'
	const param = reactive({
		id:"",
		page:1
	})
	const list = ref([]) as any
	onLoad((options)=>{
		param.id = options.id;
		getData()
	})
	const getData = async()=>{
		const res = await speedEnrollRecord(param);
		list.value = res.msg.data;
		console.log(res);
	}
</script>

<style>
	.page {
		min-height: calc(100vh - 68px);
		background-color: #F8F8F9;
		padding: 20rpx 30rpx 30rpx 20rpx;
		overflow: hidden;
	}
</style>